/*
 * LankeCMS (http://lankecms.com)
 * Copyright (c) 2013-2017 http://lankecms.com All rights reserved.
 * Author: 钟若天 <lankecms@163.com>
 */

body{font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #656464;}
a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none; margin: 0px; padding: 0px;}
.top_menu{font-size: 12px; background-color: #222629; color: #E4E4E4;  width: 100%;  height: 40px;}
.language{float: right; height: 40px; padding: 9px 10px 0px 10px; font-size: 14px;}
.top_name{display: inline-block; padding-top:12px;}
.logo{margin-top: 10px; max-width: 700px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}

/*导航菜单*/
.navbar{ margin:0px; background-color: #fff; border: none;box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}
.glyphicon-home:before {color: #fff;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #023793;}

.adv{text-align: center; color: #000; padding: 10px 0px 10px 0px;background: url(../images/line.png) no-repeat center;}
.adv_head h2{font-size: 25px; color: #000;font-weight:bold;}
.adv_head en{color: #023793;}
.adv_head p{text-align: center;padding-top: 2px;  font-size: 18px;color: #000; margin-bottom:5px;font-family:'Courier New', Courier; }

/*首页产品*/
.pro{background: #f8f8f8;}
.produ{width: 100%; height: auto; overflow: hidden;}
.produ dl{width: 23%; height: auto; float: left; margin: 1% 1%; border: 1px solid #ccc;}
.produ dl a{text-decoration: none;}
.produ dl dd img{max-width: 100%; max-height: 310px; display: block; margin: 0 auto;}
.produ dl dt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center; height: 35px; line-height: 35px; color: #656464; width: 96%; margin: 0 2%;}
.produ dl dt:hover{color: #023793;}
.imore{width: 100%;text-align: center; color: #333; padding: 10px 0px 10px 0px;}
.imore_o{float:center;text-align:center; color:#fff; display:inline-block; font-size: 16px; padding: 15px 30px; transition:background 0.3s; background-color: #023793;border-radius:0px;}
.imore_o:hover{background-color: #000;}
.link1{width: 100%;height:8px;background: url(../images/line1.jpg)  no-repeat;}

.adtage{overflow: hidden; width: 100%; height: auto;}
.adtage .FVCon {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.adtage dl {
  width: 25%;
  float: left;
  height: 380px;
  background: #0080cc url(../images/f_btn01.jpg) no-repeat left bottom;
  background-size: 100%;
}
.adtage dt {
  position: relative;
  width: 100%;
  height: auto;
}
.adtage dt img{max-width: 100%; height: auto; width: 100%;}
.adtage dd {
  padding: 0 29px;
  margin-top: 10px;
  text-align: justify;
}
.adtage dd h3 {
  text-align: center;
  font-size: 21px;
  color: #fff;
  background: url(../images/wt_h3_titbg.jpg) no-repeat center;
  line-height: 56px;
}
.adtage dd p {
  font-size: 13px;
  line-height: 100px;
  color: #fff;
  line-height: 25px;
  margin-top: 20px;
  overflow: hidden;
}
.adtage .blue {
  background: #103488 url(../images/f_btn02.jpg) no-repeat left bottom;
  background-size: 100%;
}
.adtage .blue01 {
  background: #0080cc url(../images/f_btn01.jpg) no-repeat left bottom;
  background-size: 100%;
}
.adtage .blue02 {
  background: #103488 url(../images/f_btn02.jpg) no-repeat left bottom;
  background-size: 100%;
}


.about{background: #f3f3f3; padding-bottom: 30px;}
.InAbou{width: 100%; height: auto; overflow: hidden;}
.InAbou img{max-width: 100%; height: auto; display: block; margin: 0 auto;}
.InAbou p{line-height: 30px; text-indent: 30px;}
.abtl{width: 40%; height: auto; float: left;}
.abtr{width: 58%; height: auto; float: right;}
.btn-info{color: #fff; background-color: #023793; border-color: #023793;}


.show_c{max-width: 100%; height: auto; overflow: hidden;}
.show_c ul {
	width: 100%;
	position: relative;
}
.show_c li {
	position: relative;
	float: left;
	margin: 0 7px 7px 0;
}
.show_c li span {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: rgba(0 , 0 , 0 , 0.4);
}
.show_c li span a {
	color: #fff;
	display: block;
}
.show_c li, .show_c li img {
	width: 277px;
	height: 220px;
	display: block;
	overflow: hidden;
}
.show_c li.show_l1, .show_c li.show_l1 img {
	width: 585px;
	height: 448px;
}
.show_c li.show_l1 span {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
}
.show_c li.show_l2 {
	position: absolute;
	left: 0;
	top: 227px;
}


.process{color: #fff; background:#023793;}
.process_head p{font-size: 22px; padding: 10px 0px 0px 40px;}
.process_head h2{font-size: 40px;color: #ff0; padding-left: 40px;font-weight:bold;}
.process_list{padding-top: 40px; padding-bottom: 15px;}
.process_col h4{font-size: 16px; text-align: center;}
.process_col h4 a{color: #fff;}
.process_col h4 a:hover{color: #CFA970; text-decoration: none;}
.process_col img{display: block; margin: 0 auto;max-width: 110px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}
.process_col img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}


.newbox ul{width: 100%; overflow: hidden;}
.newbox ul li{width: 47%; margin-right: 5%; float: left;}
.newbox ul li:nth-child(2n){margin-right: 0;}
.entry-item {
  position: relative;
  padding-left: 100px;
  min-height: 80px;
  height: auto !important;
  margin-bottom: 25px;
  padding-bottom: 5px;

}
.time {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  background-color: #f2f2f2;
  text-align: center;
  font-family: Arial;
}
.time-day {
  display: block;
  line-height: 50px;
  border-bottom: 1px solid #e1e1e1;
  color: #666;
  font-size: 30px;
}
.time-date {
  display: block;
  color: #999;
  line-height: 22px;
  font-size: 12px;
}
.entry-title {
  margin-bottom: 15px;
}
.entry-title h2 {
  font-size: 18px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.entry-title h2 a{color:#4d4d4d;}
.entry-title h2 a:hover{color: #023793; text-decoration: none;}
.entry-summary {
  color: gray;
  font-size: 13px;
  margin-bottom: -5px;
}
.entry-summary p {
  line-height: 1.6;
}

.yunu-link {
	padding: 20px 0;
}
.yunu-link h3 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #0e76d4;
	padding-bottom: 15px;
  font-weight: bold;
}
.yunu-link h3 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.yunu-link ul {
	margin-left: -20px;
}
.yunu-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.yunu-link li a{color:#4d4d4d;}
.yunu-link li a:hover{color: #0080cc; text-decoration: none;}

.footer {background-color: #333;color: #fff;}
.footer a {color: #fff;}
.footer a:hover {color: #fff;}
.footer-nav {background-color: #023793;color: #fff;margin-bottom: 35px;}
.footer-nav a {color: #fff;}
.footer-nav ul {font-size: 0;text-align: center;}
.footer-nav li {display: inline-block;vertical-align: middle;position: relative; width: 12.5%;}
.footer-nav li:before {content: "";position: absolute;top: 17px;right: 0;width: 1px;height: 14px;background: #fff;border: 0;}
.footer-nav li:last-child:before {display: none;}
.footer-nav li a {display: block;line-height: 50px;font-size: 15px;padding: 0 16px;}
.footer-copy {text-align: center;padding: 10px 0;background-color: #222;margin-top: 35px;color: #959595;}
.footer-copy p {margin: 0;}
.footer-logo {float: left; width: 30%;}
.footer-logo img{max-width: 100%; margin: 0 auto; display: block;}
.footer-logo .tel {background: url(../images/foot-contact.png) no-repeat center;width: 100%;line-height: 61px;text-align: center;color: #fff;margin-top: 30px;font-size: 14px; background-size: 100%;}
.footer-logo .tel strong {font-size: 20px;}

.footer-tit {font-size: 20px;font-weight: bold;margin-bottom: 20px; float: none; text-align: center;}
.footer-tit small {margin-left: 10px;opacity: 0.6;font-size: 14px;}
.footer-contact {float: left; border-left: 1px solid #515151; border-right: 1px solid #515151; width: 43%; text-align: center; margin: 0 1%;}
.footer-contact p {margin: 10px 0 0;font-size: 14px;line-height: 1.8;}
.wx{float: right; width: 25%;}
.wx img{max-width: 100%; height: 120px; margin: 0 auto; float: none; display: block;}

.fb {
  width: 100%;
  background: #183883;
  color: #fff;
  height: 56px;
  position: fixed;
  bottom: 0;
  display: none;
}
.fb a {
  width: 33.3%;
  display: block;
  height: 56px;
  float: left;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  font-size: 12px;
  line-height: 1;
}
.fb a i {
  display: block;
  height: 28px;
  background: no-repeat center;
  background-size: contain;
  margin-bottom: 5px;
}
.fb a i.i4 {
  background-image: url(../images/f_ico4.png);
}
.fb a i.i3 {
  background-image: url(../images/f_ico3.png);
}
.fb a i.i1 {
  background-image: url(../images/f_ico1.png);
}

.box{padding: 30px 0;}
.panel-sd {margin-bottom: 20px;background-color: #f6f6f6;}
.panel-sd:last-child {margin-bottom: 0;}
.panel-sd .tit {text-align: center;color: #fff;font-size: 24px;padding: 20px 0;background-color: #023793;}
.lanmu li {margin-top: 2px;}
.lanmu li>a {display: block;line-height: 50px;padding: 0 0 0 25px;background-color: #ececec;color: #666;font-size: 15px; text-decoration: none;}
.lanmu li>a:hover, .lanmu li.active>a {
  color: #fff;
  background-color: #023793;
}
.contact-sd {
  padding: 20px;
}
.contact-sd .ewm {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.contact-sd .ewm p {
  margin: 10px 0 0;
  font-size: 16px;
}
.contact-sd .ewm img{max-width: 100%; height: 200px;}
.contact-sd .tel {
  padding-top: 20px;
}
.contact-sd .tel p {
  margin: 0;
  color: #023793;
  font-size: 20px;
  padding-left: 40px;
  font-weight: bold;
  background: url(../images/ny-tel.png) no-repeat 0 center;
}

.style-curmbs {padding: 0 0 15px;border-bottom: 1px dashed #dcdcdc;}
.style-curmbs span {padding-left: 10px;border-left: 10px solid #333;}
.style-curmbs em {font-style: normal;padding: 0 5px;color: #999;}
.content {
  clear: both;
  padding: 15px 0px 15px 0px;
  line-height: 28px;
  overflow: auto;
}

.page{height:auto; line-height:24px; text-align:center; margin-top:15px; clear:both; margin-bottom: 30px;}
.page li{padding: 2px 6px; border: 1px solid #ddd; margin-right: 5px; color: #555; height: 28px; display: inline-block; margin-top: 5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#9A9FA5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal; color: #555;}

.content h3{
  height: 50px;
  font-size: 20px;
  font-weight: normal;
  color: #545454;
  line-height: 50px;
  border-bottom: 1px solid #ebebeb;
}
.content h3 span{
  display: inline-block;
  height: 50px;
  border-bottom: 1px solid #153f8f;
}

.sgcp{width: 100%; height: auto; overflow: hidden; padding-top: 15px;}
.thumbnail .caption p {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content h1{line-height: 34px; color: #434343; margin-bottom: 15px;text-align: center; font-size: 24px;}
.content .desc { text-align: center;}
.desc span { display: inline-block; font-size: 14px; margin: 0 10px;}
.txt { padding: 15px 0;line-height: 28px; color: #2F2F2F; font-size: 14px;}
.ul-txt2 {
  overflow: hidden;
  margin: 20px 0 20px;
}
.ul-txt2 li {
  width: 50%;
  float: left;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ul-txt2 li:last-child {
  float: right;
}

.sgcpbox{max-width: 100%; height: auto; overflow: hidden;}
.sgcpbox ul li{width: 31%; height: auto; margin: 2% 1.16%; float: left; border: 1px solid #ccc;}
.sgcpbox li img {max-width: 100%; display: block; margin: 0 auto;}
.sgcpbox li p {
  display: block;
  text-align: center;
  height: 48px;
  color: rgb(57, 57, 57);
  font: 16px / 48px 微软雅黑;
  background: rgb(235, 235, 235);
  margin: 0px;
}

.listnew{width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.lnew li{width: 48%; margin:0px 1%; float: left;}
.list-3 li {border-bottom: 1px dashed #a7a7a7;}
.list-3 li a {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 40px;background: url(../images/dian.png) no-repeat 0 center;padding-left: 25px; color: #2F2F2F; text-decoration: none;}
.list-3 li a:hover{color: #2186CF;}
.list-3 li span {float: right;color: #999;}




/*大屏幕*/
@media screen and (min-width: 769px) {
      .logo{margin:15px 0px 0px 0px; max-width:330px; max-height: 78px;}
      .flash{margin-top: 78px;}
      .navbar{min-height: 80px; margin-top: 40px;}
      .navbar-nav{float:right;}
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{padding-top: 30px; padding-bottom:30px;color: #312b2b;}
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
         background-color: #2186CF; color: #fff; }

      .small-nav{min-height: 50px; margin-top: 0px;background: rgba(255,255,255,0.95);}
      .small-nav .navbar-nav > li > a{padding-top: 20px; padding-bottom:20px;}
      .small-nav img.logo{max-height: 50px; max-width:220px; margin:5px 0px 0px 0px;}

      .nav_small{background: rgba(255,255,255,0.95);padding: 8px 0px 8px 0px; border-radius: 0px; border: none; }
      .nav_small > li{}
      .nav_small > li > a{line-height:26px; color: #312b2b; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color: #2186CF;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
      .nybanner{margin-top: 78px;}
      .nybanner img{max-width: 100%; height: auto;}
      #lsg{height: 145px; max-width: 100%;}
      #lcp {height: 235px; max-width: 100%;}
      #cp{height: 313px;}
      #sg{height: 215px;}

}


/*小屏幕*/
@media screen and (max-width: 768px) {
      .logo{margin:5px 0px 3px 5px; max-width:180px; max-height: 42px;}
      .flash{margin-top: 50px;}
      .navbar{min-height: 50px; margin-top:40px;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
      }
      .navbar-default .navbar-toggle .icon-bar{}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #2186CF; color: #fff;}
       .small-nav{margin-top: 0px;background: rgba(255,255,255,0.95);}
       .top_name{display: none;} 
       .produ dl{width: 48%;}  
       .produ dl dd img{height: 180px;} 
       .adtage dl{width: 50%; height: 400px;}  
       .abtl{width: 100%;}
       .abtr{width: 100%;}
       .show_c li{width: 46%; margin: 2% 2%; height: auto; max-width: 100%;}
       .show_c li img{max-width: 100%; height: 150px; display: block; margin: 0 auto; width: 100%;}
       .show_l1{display: none !important;}
       .show_c li.show_l2{position: inherit; top: 16.2%;}
       .process_head p{padding: 0px; text-align: center;}
       .process_head h2{padding-left: 0px; text-align: center;}
       .newbox ul li{width: 100%; margin-right: 0px;}
       .entry-item { padding-left: 80px;}
       .time-day {line-height: 40px; font-size: 26px;}
       .qhd-content p { text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
       .entry-item{margin-bottom: 0px; padding-bottom: 0px;} 
       .time-day{line-height: 35px;}
       .time-date{line-height: 15px;}
       .yunu-link{display: none;}
       .footer-nav{display: none;}
       .footer-logo{display: none;}
       .footer-contact{width: 98%; margin-bottom: 30px; border: none;}
       .footer-tit{display: none;}
       .wx{width: 100%;}
       .footer-copy{margin-bottom: 56px;}
       .fb{display: block;}
       .nybanner{display: none;}
       .box{margin-top: 50px;}
       .left{display: none;}
       #lsg{height: 135px;}
       #lcp {height: 180px;}
       .ul-txt2 li{width: 100%;}
       .sgcpbox ul li{width: 46%; margin: 2% 2%;}
       #cp{height: 180px;}
       .lnew li{width: 98%;}
       #sg{height: 125px;}
	   .txt img{max-width:100% !important; height:auto !important;}
}


@media screen and (min-width:769px) and (max-width:1159px){
  .produ dl dd img{height: 200px;}
  .show_c li{width: 21%; margin: 2% 2%; height: auto; max-width: 100%;}
  .show_c li img{max-width: 100%; height: 180px; display: block; margin: 0 auto; width: 100%;}
  .show_l1{display: none !important;}
  .show_c li.show_l2{position: inherit; top: 16.2%;}
  #lsg{height: 130px;}
  #lcp {height: 180px;}
  #cp{height: 190px;}
  #sg{height: 130px;}
}